/**************************************************************************************************
 *
 **************************************************************************************************/
html, body, div, header, footer, aside, nav, article, section	{ margin: 0; padding: 0; }
header, footer, aside, nav, article, section	{ display: block; }
body 		 { color: #000000; font: 12px Helvetica, Arial, sans-serif; line-height: 18px; margin:0; height:100vh; width:100vw;}
h2			 { color: #333; background-color:transparent;}
a			 { color: #337810; }
p		     { margin: 0 0 18px 18px; }
#wrapper     { float: left; width: 100%; margin-left: -33%; }
#right       { text-align: right;}  		
/**************************************************************************************************
 * Header
 **************************************************************************************************/
/* header		{ background: #FFF; border-bottom: 2px solid #aaa; } */ 
header		{ background: #FFF;  background-color:transparent;}  
header h1  	{ color: #000; margin: 0 0 3px; padding: 24px 18px 0; text-align:center; font-size: xx-large}
header h2  	{ color: #000; margin: 0 0 3px; padding: 24px 18px 0; text-align:center;}
header p	{ color: #ccc; font-size: 11px; font-weight: bold; padding: 0 18px; }
  		
/**************************************************************************************************
 * Content Style
 **************************************************************************************************/
 /*
nav		{ border-bottom: 1px solid #ccc; padding-right: 18px; }
nav ul	{ padding: 0 18px 9px; }
#extra			{ border-bottom: 1px solid #ccc; padding-right: 18px; }
#extra small	{ font-size: 11px; line-height: 18px; }
#content p, #extra p { padding-right: 18px; } 
#h1      { color: #000; margin: 0 0 3px; padding: 24px 18px 0; text-align:center;}
h2	     { color: #333; text-align:center;}
p.centered	{ text-align:center;}
  	*/	
/**************************************************************************************************
 * Content Positioning and Size
 **************************************************************************************************/
h2	     { color: #333; text-align:center;}
nav		{ float: right; width: 30%; }
#content		{ margin-left: 34.3%; }
#extra			{ float: right; clear: right; width: 30%; }		/* Footer */
footer			{ background: #000000; position: absolute; bottom: 0; border-bottom: 2px solid #aaa; clear: both; width: 100%; }
footer	a		{ color: #fff; }
footer p		{ color: #ccc; margin: 0; padding: 0 18px 10px; }
footer ul		{ border-bottom: 1px solid #999; list-style: none; margin: 0 18px 6px; padding: 10px 0 6px; }

.centeredImage   { text-align:center; display:block; } 
footer li		{ display: inline; font-size: 11px; font-weight: bold; padding-right: 5px; }
.logo 			{ position: absolute; top: 50%; left: 50%; width: 285px; height: 488px; margin-top: -244px; margin-left: -143px; }
.SoundcloudTrack { position: absolute; top: 50%; left: 25%; width: 50%; height: 488px; }

div, iframe {
    margin: 0 auto;
}

iframe {
    display: block;
    border-style:none;
}